import React from 'react'
import style from "./index.module.scss"
import {Radio ,Row, Col} from "antd"

export default function Shouye() {

    return (
        <div className={style.shouye}>
            <div className={style.title}>
                <span className={style.titleleft}>Dashboard</span>
                <div className={style.date}>
                星期五 | 农历11月初五 | 2018年12月1日 17:52:36
                </div>
            </div>

            <div className={style.tongji}>
                <div className={style.tongjiBox}>
                    <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u311.png" alt=""  className={style.imgtongji}/>
                    <div className={style.tongjiright}>
                        <p>借款申请总数</p>
                        <p>200</p>
                    </div>
                    
                </div>
                <div className={style.tongjiBox}>
                    <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u311.png" alt=""  className={style.imgtongji}/>
                    <div className={style.tongjiright}>
                        <p>借款申请总数</p>
                        <p>200</p>
                    </div>
                    
                </div>
                <div className={style.tongjiBox}>
                    <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u311.png" alt=""  className={style.imgtongji}/>
                    <div className={style.tongjiright}>
                        <p>借款申请总数</p>
                        <p>200</p>
                    </div>
                    
                </div>
                <div className={style.tongjiBox}>
                    <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u311.png" alt=""  className={style.imgtongji}/>
                    <div className={style.tongjiright}>
                        <p>借款申请总数</p>
                        <p>200</p>
                    </div>
                    
                </div>
            </div>

            <Row>
                <Col  span={24} className={style.nav}>
                    银行资料
                </Col>
            </Row>
            <Row>
                <Col span={24}> 
                    <Row className='row'>
                        <Col span={12} className={style.col}>
                        <span>待处理贷款申请</span>
                        <span>(10)</span>
                        </Col>
                        
                        <Col span={12} className={style.col}>
                            <span>贷款即将到期</span>
                            <span>(10)</span>
                        </Col>
                    </Row>
                    <Row className='row'>
                        <Col span={12} className={style.col}>
                        <span>待复审贷款</span>
                        <span>(10)</span>
                        </Col>
                        
                        <Col span={12} className={style.col}>
                            <span>待放款审批</span>
                            <span>(10)</span>
                        </Col>
                    </Row>
                    <Row className='row'>
                        <Col span={12} className={style.col}>
                        <span>待授信贷款</span>
                        <span>(10)</span>
                        </Col>
                        
                        <Col span={12} className={style.col}>
                            <span>待处理逾期</span>
                            <span>(10)</span>
                        </Col>
                    </Row>
                    
                </Col>
            </Row>
            <Row>
                <Col  span={24} className={style.nav}>
                    运营快捷入口
                </Col>
            </Row>
            <Row>
                <Col span={24} className={style.colbox}>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>贷款申请</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>还款登记</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>用户管理</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>贷款统计</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>贷后跟踪</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>文章管理</p>
                        </div>
                    </div>
                    <div className={style.yunyingbox}>
                        <div>
                            <img src="https://axhub.im/pro/4c12ed50d621ad3e/images/%E9%9D%A2%E6%9D%BF/u354.png" alt="" className={style.imgtongji}/>
                            <p>催收管理</p>
                        </div>
                    </div>
                </Col>
            </Row>

            <Row>
                <Col span={12}>
                    <Row>
                        <Col  span={24} className={style.nav}>
                            用户访问
                        </Col>
                    </Row>
                    <Row>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>100</div>
                            <div className={style.fangkuanname}>今日访问</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>400</div>
                            <div className={style.fangkuanname}>昨日访问</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>1500</div>
                            <div className={style.fangkuanname}>本周访问</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>18000</div>
                            <div className={style.fangkuanname}>本月访问</div>
                        </div>
                    </Row>
                </Col>
                <Col span={12}>
                    <Row>
                        <Col  span={24} className={style.nav}>
                            用户总览
                        </Col>
                    </Row>
                    <Row>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>100</div>
                            <div className={style.fangkuanname}>今日新增</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>200</div>
                            <div className={style.fangkuanname}>昨日新增</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>1000</div>
                            <div className={style.fangkuanname}>本月新增</div>
                        </div>
                        <div className={style.fangwenbox}>
                            <div className={style.fangwennum}>5000</div>
                            <div className={style.fangkuanname}>本月借款人数</div>
                        </div>
                    </Row>
                </Col>
            </Row>

            <Row>
                <Col  span={24} className={style.nav}>
                   操作记录
                </Col>
            </Row>
            <Row>
                <Col span={24}>
                    <p className={style.jilu}>'admin'在[产品工厂]-[贷款产品配置]中进行了添加产品设置</p>
                    <p className={style.jilu}>'admin'在[借前管理]-[贷款申请管理]中进行了贷款审核操作</p>
                </Col>
            </Row>
        </div>
    )
}
